<template>
  <div class="appLibNav">
    <div class="pubilcHerder">头部</div>

    <van-button type="primary">主要按钮</van-button>
    <van-button type="success">成功按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
  </div>
</template>

<script>
import {Button} from 'vant';

export default {
  name: "publicHead",
  components: {
    [Button.name]: Button,
  },
}
</script>

<style scoped>
.appLibNav {
  width: 375px;
  max-width: 375px;
}

.pubilcHerder {
  width: 100%;
  height: 35px;
  border-bottom: 3px solid #ededee;
  position: fixed;
  top: 0;
  background: blue;
  z-index: 999;
}
</style>
